<template>
	<scroll-view scroll-y style="background-color: #f2f2f7;height: 100vh;font-size: 40rpx;">
		<view style="border-width: 2rpx;border-color: #c6c6c8;border-style: solid;width: 100vw;background-color: #fff;margin-bottom: 15rpx;border-left-width: 0;border-right-width: 0;padding-left: 40rpx;margin-top: 20rpx;">
			<view @click="giveUp"  style="width: 710rpx;height: 100rpx;display: flex;align-items: center;">
				<view style="width: 100%;height: 100rpx;display: flex;flex-direction: column;">
					<view style="width: 100%;height: 100rpx;display: flex;justify-content: space-between;align-items: center;">
						<view>不重复</view>
						<view style="margin-right: 40rpx;" v-if="norepeat"><u-icon name="checkmark" color="#eb4d3d" size="48"></u-icon></view>
					</view>
					<view style="width: 710rpx;height: 2rpx;background-color: #c6c6c8;"></view>
				</view>
			</view>
			<view @click="chooseWeek(index)" style="width: 710rpx;height: 100rpx;display: flex;align-items: center;" v-for="(item,index) in cweeks" :key='index'>
				<view style="width: 100%;height: 100rpx;display: flex;flex-direction: column;">
					<view style="width: 100%;height: 100rpx;display: flex;justify-content: space-between;align-items: center;">
						<view>{{item.label}}</view>
						<view style="margin-right: 40rpx;" v-if="item.checked"><u-icon name="checkmark" color="#eb4d3d" size="48"></u-icon></view>
					</view>
					<view style="width: 710rpx;height: 2rpx;background-color: #c6c6c8;"></view>
				</view>
			</view>
			
		</view>
		<button @click="back" style="width: 670rpx;margin-top: 24rpx;background-color: #e9426a;color: #fff;margin-bottom: 40rpx;">确定</button>
	</scroll-view>
</template>
<script>
	export default {
		data() {
			return {
				cweeks:[{'value': 0, 'label': '第一周','checked':false}, {'value': 1, 'label': '第二周','checked':false}, {'value': 2, 'label': '第三周','checked':false}, {'value': 3, 'label': '第四周','checked':false}, {'value': 4, 'label': '第五周','checked':false}, {'value': 5, 'label': '第六周','checked':false}, {'value': 6, 'label': '第七周','checked':false}, {'value': 7, 'label': '第八周','checked':false}, {'value': 8, 'label': '第九周','checked':false}, {'value': 9, 'label': '第十周','checked':false}, {'value': 10, 'label': '第十一周','checked':false}, {'value': 11, 'label': '第十二周','checked':false}, {'value': 12, 'label': '第十三周','checked':false}, {'value': 13, 'label': '第十四周','checked':false}, {'value': 14, 'label': '第十五周','checked':false}, {'value': 15, 'label': '第十六周','checked':false}, {'value': 16, 'label': '第十七周','checked':false}, {'value': 17, 'label': '第十八周','checked':false}, {'value': 18, 'label': '第十九周','checked':false}, {'value': 19, 'label': '第二十周','checked':false}],
				// origin_cweeks:[{'value': 0, 'label': '第一周','checked':false}, {'value': 1, 'label': '第二周','checked':false}, {'value': 2, 'label': '第三周','checked':false}, {'value': 3, 'label': '第四周','checked':false}, {'value': 4, 'label': '第五周','checked':false}, {'value': 5, 'label': '第六周','checked':false}, {'value': 6, 'label': '第七周','checked':false}, {'value': 7, 'label': '第八周','checked':false}, {'value': 8, 'label': '第九周','checked':false}, {'value': 9, 'label': '第十周','checked':false}, {'value': 10, 'label': '第十一周','checked':false}, {'value': 11, 'label': '第十二周','checked':false}, {'value': 12, 'label': '第十三周','checked':false}, {'value': 13, 'label': '第十四周','checked':false}, {'value': 14, 'label': '第十五周','checked':false}, {'value': 15, 'label': '第十六周','checked':false}, {'value': 16, 'label': '第十七周','checked':false}, {'value': 17, 'label': '第十八周','checked':false}, {'value': 18, 'label': '第十九周','checked':false}, {'value': 19, 'label': '第二十周','checked':false}],
				event_list:undefined,
				kechengbiao:undefined,
				add_event:undefined,
				event:undefined,
				form:{
					name:'',
					day:'请选择',
					place:'',
					week:[],
					juti:['请选择','请选择'],
					date:'请选择',
					repeat:'不重复'
					
				},
				show_calendar:false,
				show_begin:false,
				show_end:false,
				params:{
					hour: true,
					minute: true,
				},
				norepeat:true
			}
		},
		// onLoad() {
		// 	this.event = getApp().globalData.event
		// },
		onShow(){
			var repeat = getApp().globalData.repeat
			if (repeat && repeat.length){
				this.load(repeat)
			}
		},
		onUnload(){
			getApp().globalData.repeat = this.calc()
			console.log(getApp().globalData.repeat)
		},
		methods:{
			giveUp(){
				this.norepeat = true
				this.cweeks = [{'value': 0, 'label': '第一周','checked':false}, {'value': 1, 'label': '第二周','checked':false}, {'value': 2, 'label': '第三周','checked':false}, {'value': 3, 'label': '第四周','checked':false}, {'value': 4, 'label': '第五周','checked':false}, {'value': 5, 'label': '第六周','checked':false}, {'value': 6, 'label': '第七周','checked':false}, {'value': 7, 'label': '第八周','checked':false}, {'value': 8, 'label': '第九周','checked':false}, {'value': 9, 'label': '第十周','checked':false}, {'value': 10, 'label': '第十一周','checked':false}, {'value': 11, 'label': '第十二周','checked':false}, {'value': 12, 'label': '第十三周','checked':false}, {'value': 13, 'label': '第十四周','checked':false}, {'value': 14, 'label': '第十五周','checked':false}, {'value': 15, 'label': '第十六周','checked':false}, {'value': 16, 'label': '第十七周','checked':false}, {'value': 17, 'label': '第十八周','checked':false}, {'value': 18, 'label': '第十九周','checked':false}, {'value': 19, 'label': '第二十周','checked':false}]
			},
			calc(){
				var return_list = []
				for (var i = 0;i < this.cweeks.length;i++){
					if (this.cweeks[i].checked){
						return_list = return_list.concat(i)
					}
				}
				return return_list
			},
			load(repeat){
				console.log(repeat)
				for (var i = 0;i < this.cweeks.length;i++){
					if (repeat.indexOf(i) != -1){
						this.cweeks[i].checked = true
						this.norepeat = false
					}
				}
			},
			back(){
				getApp().globalData.repeat = this.calc()
				uni.navigateBack({})
			},
			chooseWeek(index){
				this.norepeat = false
				this.cweeks[index].checked = !this.cweeks[index].checked
			}
		}
	}
</script>
<style>
	.topic_cont_text {
		overflow: hidden;
		word-break: break-all;
		/* break-all(允许在单词内换行。) */
		text-overflow: ellipsis;
		/* 超出部分省略号 */
		display: -webkit-box;
		/** 对象作为伸缩盒子模型显示 **/
		-webkit-box-orient: vertical;
		/** 设置或检索伸缩盒对象的子元素的排列方式 **/
		-webkit-line-clamp: 1;
		/** 显示的行数 **/
	
	}
</style>